<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米轮播图制作</title>
		<!-- 轮播图：javaScript技术完成
		     前端框架：简化开发模式：JavaScript技术完成的轮播图
			          使用最简单的方式，功能一致
			terseBannerJS：专门针对轮播，使用方便，会html搞定轮播！-->
			<!-- 1.轮播图样式 -->
			<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<!-- 3.类似于html固定写法【小心起名与轮播框架冲突】 -->
		<div class="main">
		<div id="animation"></div>
		<div class="container">
			<div class="banner" id="lazyload">
				<ul>
					<li><img src="img/banner01.jpg" alt="1" ></li>
					<li><img src="img/banner02.jpg" alt="2" ></li>
					<li><img src="img/banner03.jpg" alt="3" ></li>
					<li><img src="img/banner04.jpg" alt="4" ></li>
					<li><img src="img/banner05.jpg" alt="5" ></li>
				</ul>
			</div>
		</div>
		</div>
		
		<!-- 2.引入j -->
		<script src="js/highlight.pack.js"></script>
		<script src="js/jquery-1.11.1.js"></script>
		<script src="js/jquery.terseBanner.min.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>